<template>
    <div>
        <el-form ref="ruleFormRef"  :model="ruleForm"  label-width="auto"
            class="demo-ruleForm" status-icon>
            <el-row>
                <el-col :span="6">
                    <el-form-item label="用户名称" prop="username">
                        <el-input v-model="ruleForm.username" placeholder="请输入岗位编码" />
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="用户昵称" prop="name">
                        <el-input v-model="ruleForm.name" placeholder="请输入岗位名称" />
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="状态" prop="status">
                        <el-select v-model="ruleForm.status" placeholder="请选择">
                            <el-option label="正常" :value="1" />
                            <el-option label="关闭" :value="2" />
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-button type="primary" @click="serachs">搜索</el-button>
                <el-button @click="resets">重置</el-button>
            </el-row>
        </el-form>
    </div>
</template>

<script lang="ts" setup>
defineProps(['ruleForm','serachs','resets'])
</script>

<style scoped>
.el-form {
    width: 100%;
}
</style>